{% extends "trees/base.html" %}
{% block title %}Your phone - JM3{% endblock %}
{% block content %}
<div class="col-12 col-md-5 mx-auto" style="margin-top:8vh;">
  <div class="progress mb-4" style="height:6px;"><div class="progress-bar bg-jm3" style="width:50%"></div></div>
  <h3 class="mb-1">Your phone number</h3>
  <p class="text-muted">We&#39;ll send a one-time code to verify it.</p>
  <form method="post">
    {% csrf_token %}
    <input type="tel" name="phone" class="form-control form-control-lg mb-2" placeholder="07XX XXX XXX" required autofocus>
    {% if error %}<div class="alert alert-danger py-2">{{ error }}</div>{% endif %}
    <button type="submit" class="btn btn-jm3 btn-lg w-100">Send code</button>
    <p class="text-center mt-3 mb-0">Already have an account? <a href="{% url 'login' %}">Sign in</a></p>
  </form>
</div>
{% endblock %}
{% block extra_js %}{% endblock %}